<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="../css/Product details.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <title>Document</title>
    <style></style>
  </head>

  <body>
    <div class="all">
      <!-- 固定头 -->
      <div class="zdy-nav">
        <div class="nav-center">
          <div>
            <a href="#">帮助中心</a>
            <a href="#">收藏</a>
            <a href="#">360官网</a>
            <a href="#">360智慧生活</a>
          </div>
          <div>
            <a href="#">注册</a>
            <a href="#">登录</a>
            <a href="#"
              ><img src="../img/shoplist/商城1_看图王.png" alt=""
            /></a>
          </div>
        </div>
      </div>
      <!-- 导航栏 -->
      <div class="zdy-navbar">
        <div class="navbar-center">
          <div class="navbar1">
            <div class="navbar1-col1">
              <a href="#"
                ><img
                  src="../img/shoplist/e9a4ae68ddfcd072a6dd59623f9f64c.jpg"
                  alt=""
              /></a>
              <a href="#">新品推荐</a>
              <a href="#">热卖榜单</a>
            </div>
            <div class="navbar1-col2">
              <div class="navbar1-col2-1 pt-1">
                <input type="text" />

                <a><img src="../img/shoplist/搜索_看图王.png" alt="" /></a>
              </div>
              <div class="navbar1-col2-2 pl-2">
                <a href="#">记录仪</a>
                <a href="#">摄像机</a>
                <a href="#">路由器</a>
                <a href="#">耳机</a>
                <a href="#">扫地机</a>
                <a href="#">智能手表</a>
              </div>
            </div>
          </div>
          <div class="navbar2">
            <div class="navbar2-1">
              <!-- <img src="" alt=""> -->
              <p class="m-0">全部</p>
            </div>
            <div class="navbar2-2">
              <p><a href="#">家庭安防</a></p>
              <p><a href="#">安全路由</a></p>
              <p><a href="#">智能手表</a></p>
              <p><a href="#">汽车用品</a></p>
              <p><a href="#">扫地机器人</a></p>
              <p><a href="#">音影生活</a></p>
              <p><a href="#">生态安防</a></p>
            </div>
          </div>
        </div>
      </div>
      <!-- 商品详情介绍 -->
      <div class="zdy-details">
        <div class="row1">
          <div class="row1-tu">
            <img src="../img/shangpinxiangqing/1636167551(1).jpg" alt="" />
          </div>
          <div class="row1-wen">
            <p class="p1">360 自动出泡洗手机 穹灰蓝</p>
            <p class="m-0 p2">极速出泡 有效抑菌 环保循环充电</p>
            <p>
              <a href="#" class="p3"
                >高清双摄、20米游泳级防水等智能手表、点击查看>></a
              >
            </p>
            <div class="jiageban">
              <div class="jiageban1">
                <p class="p1">价 &nbsp;&nbsp; 格</p>
                <p class="p2">￥99.00</p>
                <p class="p3">￥129</p>
              </div>
              <div class="jiageban2">
                <p class="p1">领 &nbsp;&nbsp; 劵</p>
                <img src="../img/shangpinxiangqing/1636175578(1).jpg" alt="" />
              </div>
              <div class="jiageban3">
                <p class="p1">促 &nbsp;&nbsp; 销</p>
                <div class="div1">直降</div>
                <div class="div2">立减 30.00 元</div>
              </div>
            </div>
            <div class="tongzhiban">
              <img src="../img/shangpinxiangqing/微信截图_laba.png" alt="" />
              <p>
                物流公告：受疫情影响，黑龙江、北京、河北、河南、湖南、陕西、山东、四川、贵州、甘肃、云南、青海、新疆、内蒙古、宁夏回族自治区等部分地区暂缓发货。
              </p>
            </div>
            <div class="wen-btn">
              <div class="fenlei">
                <p class="btn-p1">分&nbsp;&nbsp;&nbsp;类</p>
                <p class="ml-2 btn-p2">洗手机套装（琼灰蓝）</p>
              </div>
              <div class="shuliang mt-3">
                <p class="p1">数&nbsp;&nbsp;&nbsp;量</p>
                <button type="text" class="btn1 ml-2 btn">-</button>

                <input type="number" value="1" min="1" class="input2" />
                <button type="text" class="btn2 btn"><p>+</p></button>
              </div>
              <div class="jifen">
                <p class="p1">数&nbsp;&nbsp;&nbsp;量</p>
                <p class="p2 ml-2">购买可获得99积分</p>
                <!-- 小图标 -->
                <!-- <img src="" alt=""> -->
              </div>
              <div class="btn123 mt-4">
                <button class="btn1 mr-3">立即购买</button>
                <button class="btn2 mr-3">加入购物车</button>
                <button class="btn3">
                  <img src="../img/shangpinxiangqing/心_看图王.png" alt="" />
                </button>
              </div>
            </div>
          </div>
        </div>
        <div class="detail-xiaotu">
          <img src="../img/shoplist/tu1.png" alt="">
          <img src="../img/shoplist/tu2.jpg" alt="">
          <img src="../img/shoplist/tu3.png" alt="">
          <img src="../img/shoplist/tu1.png" alt="">
          <img src="../img/shoplist/tu4.png" alt="">
        </div>
        <div class="detail-p">
          <div class="detail-p1">
            <div>
              <img src="../img/shangpinxiangqing/对号_看图王(1).png" alt="">
              <p> 360商城发货&售后</p></div>
              <div><img src="../img/shangpinxiangqing/对号_看图王(1).png" alt="">
              <p>满99元包邮</p>
            </div>
          </div>
          <div class="detail-p2">
            <div>
              <img src="../img/shangpinxiangqing/对号_看图王(1).png" alt="">
              <p> 7天无理由退货</p></div>
              <div><img src="../img/shangpinxiangqing/对号_看图王(1).png" alt="">
              <p>15天免费换货</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 商品goods -->
      <div class="goods">
        <div class="goods-tu">
          <img src="../img/shangpinxiangqing/goods--tu1.png " alt="" class="goods-tu1">
        </div>
        <div class="goods-tu">
          <img src="../img/shangpinxiangqing/goods--tu2.png " alt="" class="goods-tu1">
        </div>
        <div class="goods-content">
          <div class="g-c-content">
            <div class="g-c-c1">
              <p>产品详情</p>
              <p>规格参数</p>
              <p>评价</p>
              <p>常见问题</p>
            </div>
            <div class="g-c-c2">
              <button class="btn btn1">立即购买</button>
              <button class="btn btn2">加入购物车</button>
            </div>
          </div>
        </div>
        <div class="goods-bigtu">
          <img src="../img/shangpinxiangqing/goods--tu3.webp " alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu4.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods-yu5.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu6.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu7.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu8.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu9.webp" alt="" class="goods-bigtu1">
          <img src="../img/shangpinxiangqing/goods--tu10.webp" alt="" class="goods-bigtu2">
         <div class="wuyu"> <img src="../img/shangpinxiangqing/goods--tu11.webp" alt=""  class="goods-bigtu2">
          <div class="shuoming">
            <h5>价格说明</h5>
            <p>未划线价：</p>
            <p>商品的实时标价，具体成交价格根据商品参加活动或使用优惠券、积分等发生变化，最终以订单结算页价格为准。</p>
            <p>划线价：</p>
            <p>商品展示的划横线价格为该商品在360商城上曾经展示过的销售价，并非原价。</p>
            <p>异常问题：</p>
            <p>商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。</p>
            <p>*此价格说明仅在有价格对比时有效。</p>
         </div>
        </div>
        </div>
        <!-- 文字部分 -->

        <div class="guige">规格参数</div>
        <div class="table">
        <table border="1">
           <tr class="tr"><td colspan="4"></tr>
           <tr class="tr"><td>防水等级</td><td colspan="3">不防水</td></tr>
        </table>
      </div>
      <div class="guige mb-3">商品详情</div>
      <div class="guige">常见问题</div>
      <div class="wenda">
         <ul class="wenda_1">
           <li class="wenda_1f">1、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单提交成功后还可以修改收货信息吗？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">2、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>支付完成后还能取消订单吗？如何取消？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>支付完成后，配货之前可以取消订单，您可以进入“我的订单”，直接点击订单后面取消按钮。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">3、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单取消后还能恢复吗?</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>订单一旦取消将无法恢复，请您慎重操作。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">4、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单取消成功后退款如何返还？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>订单取消后，退款会按照您购买时的支付方式原路返回到您的银行卡。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">5、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>对商品不满意可以申请退换货吗？如何操作？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <div>
               <p>在确认收货后，7天之内可以申请退货。15天之内可以进行换货，具体操作如下:</p>
               <p>退货：进入“我的订单”，在操作区域中点击申请退货，填写问题描述，提交服务单即可申请退货。</p> 
               <p>换货：请拨打我们的客服热线400-1555-360，在客服的指导下完成换货。</p> 
              </div>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">6、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>为什么我的订单总是无法提交成功？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <div>
               <p>可能存在以下几种情况：</p>
               <p> （1）订单信息填写不完整；</p>
                <p> （2）订单商品库存不足或者库存无货；</p>
                <p>（3）网络延时及以上各种情况都会在页面中弹出提示信息，可以通过修改订单信息（提示信息）或者稍后再试，即可成功提交订单。</p> 
              </div>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">7、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单已提交成功，如何付款？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>您好，360商城目前支持的支付方式分为支付宝和微信。请在订单提交后30分钟内完成付款。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">8、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单已支付成功，什么时候可以发货？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>您好，360商城会在48小时内安排发货。物流信息您可进入“我的订单”实时查看。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">9、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>订单发货后，还可以改送到其他地方吗？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>您好，订单发货后无法修改。请在提交订单前仔细检查核对。</p>
             </div>
            </li>
         </ul>
         <ul class="wenda_1">
           <li class="wenda_1f">10、</li>
           <li>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/wen.png" alt="">
               <p>我的地址比较偏僻，你们能送到吗？</p>
             </div>
             <div class="wenda_1_1">
               <img src="../img/shangpinxiangqing/da.png" alt="">
               <p>EMS能够到达的区域我们都提供配送服务。</p>
             </div>
            </li>
         </ul>
      </div>
      </div>
      <!-- foot部分 -->
      <!-- <div class="foot">
        <div class="foot1">
          <div class="foot1_center"></div>
        </div>
        <div class="foot2"></div>
      </div> -->
      <div class="footer">
        <!-- 页脚1部分 -->
        <div class="one">
        <div class="footer1">
            <div class="r1 d-flex justify-content-around">
            <div class="c1">
                <h4 class="mb-4">关于商城</h4>
                <p class="pb-2 pp">360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。</p>
                <div class="d-flex">
                <p>关于我们</p>
               
                <div class="ml-3 mr-3"><img src="../img/shoplist/foot1 (1).png " alt=""></div>
                <div><img src="../img/shoplist/foot1 (2).png" alt=""></div>
            </div>
            </div>
            <div class="c2">
                <h4>售后服务</h4>
                <a href="#" class="d-block mt-4">7日无理由退货</a>
                <a href="#" class="d-block">质量问题15日内换货</a>
                <a href="#" class="d-block">保修条款</a>
                <a href="#" class="d-block">服务流程</a>
                <a href="#" class="d-block">许可协议</a>
                <a href="#" class="d-block">隐私政策</a>
            
            </div>
            <div class="c3">
                <h4>帮助中心</h4>
                <a href="#" class="d-block mt-4">用户注册</a>
                <a href="#" class="d-block">会员说明</a>
                <a href="#" class="d-block">登录与密码找回</a>
                <a href="#" class="d-block">购买指南</a>
                <a href="#" class="d-block">支付方式</a>
                <a href="#" class="d-block">配送与说明</a>
            </div>
            <div class="c4 pl-5">
                <h4>联系我们</h4>
                <p class="h3 mt-4">400-6822-360</p>
                <p>周一至周日 9:00-18:00(仅收市话费)</p>
            </div>
            </div>
        </div>
    </div>
         <!-- 页脚2部分 -->
         <div class="two">
         <div class="footer2">
            
             <div class="r1 d-flex justify-content-lg-center">
                 <a href="#" class="">7天无理由退货</a>
                 <a href="#" class="">15天免费换货</a>
                 <a href="#" class="">满99包邮</a>
            </div>
             <div class="r2">
                 <a href="#" class="d-block">@2019-2021 mall.360.cn版权所有</a>
                 <a href="#" class="d-block">京ICP备08010314号-6 营业执照</a>
                 <p>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</p>
                 <p>公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360</p>
             </div>
         </div>
        </div>
    </div>
    </div>
  </body>
</html>
